:root {
  margin: var(--mp-spacing-0);
  padding: var(--mp-spacing-0);

  --mp-border-width: 1px;
  --mp-root-font-size: 16px;
  --mp-body-font-size: var(--mp-size-16);
  --mp-body-line-height: 1.5;
  --mp-text-font-family: Roboto, sans-serif;
  --mp-icon-size: var(--mp-size-24);
  --mp-outline-offset: -1px;
  --mp-outline-width: var(--mp-size-2);
  --mp-cool-animation: all cubic-bezier(0.2, 0, 0, 1) 0.2s;
  --mp-transition: 0.1s linear;
  --mp-transition-all: all 0.1s linear;
  --mp-border-radius-default: var(--mp-border-radius-1);
  /* --mp-main-outline: var(--mp-outline-width) solid var(--theme-on-bg-1); */
  font-size: var(--mp-root-font-size);
}

*,
::after,
::before {
  font-family: var(--mp-text-font-family);
  box-sizing: border-box;
}
